<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        const obj = {
            uname: '里斯',
            age: 20,
            gender: '男',
        }

        // //存储复杂数据类型 无法直接使用
        // localStorage.setItem('obj', obj)
        // // 取
        // console.log(localStorage.getItem('obj'));

        // 1.将复杂数据类型转换为JSON字符串
        localStorage.setItem('obj', JSON.stringify(obj))
        // JSON对象 属性和值有引号 统一双引号
        //    得到 {"uname":"里斯","age":20,"gender":"男"}
        console.log(typeof (localStorage.getItem('obj')));
        // typeof(localStorage.getItem('obj')) // string


        // key 键值 需要带引号
        //第二 把JSON对象转换成 普通对象
        // console.log(JSON.parse(localStorage.getItem('obj')));
        // 简写
        let ji = localStorage.getItem('obj')
        console.log(JSON.parse(ji));



    </script>
</body>

</html>